*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
input:focus{
	outline: none;
}
a{
	color: #000;
	text-decoration: none;
}
.box{
	width: 1200px;
	height: 700px;
	background-color: #eee;
	margin: 20px auto;
}
.header{
	width: 100%;
	height: 15%;
	margin: auto;
	background-color: white;
	border-bottom: solid 2px #ff6700;
	display: flex;
}
.img{
	width: 64px;
	height: 66px;
	margin-left: 100px;
}
.header h2{
	line-height: 70px;
	font-weight: bold;
	margin-left: 30px;
}
.header h5{
	line-height: 80px;
	font-weight: lighter;
	margin-left: 10px;
}
.content{
	width: 85%;
	height:65%;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	overflow: auto;
}

.tr,.tr_title{
	display: flex;
}

.tr_title div{
	text-align: center;
	line-height: 60px;
}
.tr{
	text-align: center;
	line-height: 90px;
}
.tr_title{
	width: 100%;
	height: 15%;
	border-bottom: solid 2px #eee;
}
.tr_content .tr{
	width: 100%;
	height: 25%;
	border-bottom: solid 2px #eee;
}
.tr_title div:first-child{
	width: 10%;
	height: 100%;
	/* background-color: #ff6700; */
}
.tr_title div:first-child input{margin-left: 30px;}
.tr_title div:nth-child(2){
	width: 10%;
	height: 100%;
	/* background-color: #ff0; */
}
.tr_title div:nth-child(3){
	width: 35%;
	height: 100%;
	/* background-color: #f00; */
}
.tr_title div:nth-child(4){
	width: 10%;
	height: 100%;
	/* background-color: #f0f; */
}
.tr_title div:nth-child(5){
	width: 15%;
	height: 100%;
	/* background-color: #00f; */
}
.tr_title div:nth-child(6){
	width: 10%;
	height: 100%;
	/* background-color: #0ff; */
}
.tr_title div:nth-child(7){
	width: 10%;
	height: 100%;
	/* background-color: #f90; */
}


.tr_content{
	width: 100%;
	height: 85%;
	overflow-y:auto;
}
#one{
	width: 10%;
	height: 100%;
	/* background-color: #ff6700; */
}
#one input{
	margin-left: -30px;
}
#two{
	width: 10%;
	height: 100%;
	/* background-color: #ff0; */
}
#three{
	width: 35%;
	height: 100%;
	/* background-color: #f00; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#four{
	width: 10%;
	height: 100%;
	/* background-color: #f0f; */
}
#five{
	width: 15%;
	height: 100%;
	/* background-color: #00f; */
}
#numControl{
	width: 100%;
	height: 50%;
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	border: solid 1px #eee;
}
#pre,#next{
	width: 30%;
	height: 100%;
	text-align: center;
	line-height: 48px;
}
#pre:hover{
	cursor: pointer;
	background-color: #eee;
}
#next:hover{
	cursor: pointer;
	background-color: #eee;
}
#num{
	width: 60%;
	height: 100%;
	line-height: 48px;
}
#six{
	width: 10%;
	height: 100%;
	color: #ff6700;
	/* background-color: #0ff; */
}
#seven{
	width: 10%;
	height: 100%;
	/* background-color: #f90; */
}

#seven  a{
	display: block;
	width: 50%;
	height: 50%;
	text-align: center;
	transform: translate(50%,50%);
}
#seven a span{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 47px;
}
#seven a:hover{
	border-radius: 50%;
	background-color: #ff6700;
	color: #fff;
}

.whole{
	width: 85%;
	height: 10%;
	background-color: white;
	margin: 20px auto;
	display: flex;
	align-items: center;
}
.f1{
	margin-left: 40px;
}
.f2{
	margin-left: 40px;
}
.f2 span{
	color: #ff6700;
}
.f3{
	margin-left: 450px;
}
.f3 span:first-child{
	color: #ff6700;
}
.f3 span:nth-child(2){
	color: #ff6700;
	font-size: 20px;
}
.f3 span:last-child{
	color: #ff6700;
}
.f4{
	border: none;
	background-color: #ff6700;
	margin-left: 41px;
	width: 120px;
	height: 100%;
	font-size: 16px;
	color: #fff;
}
[v-cloak]{
	display: none;
}